<div id="top-bar-content">
  <div class="top-row row vocab-{{ vocab_id }}">
    <a href="{{ path_fix }}{{ lang }}/" id="service-logo"> </a>
    <div id="navigation">
      <div class="collapse navbar-collapse">
        <a href="{{ path_fix }}{{ lang }}/" id="navi1" class="navigation-font">{% trans "Vocabularies-nav" %}</a>
        <a href="{{ path_fix }}{{ lang }}/about" id="navi3" class="navigation-font"> {% trans "About page" %}</a>
        <a href="{{ path_fix }}{% if vocab_id and vocab.title%}{{ vocab_id }}/{% endif %}{{ lang }}/feedback" id="navi4" class="navigation-font"> {% trans "Feedback" %}</a>
      </div>
    </div>
    <div id="language" class="container">
      {% if lang == 'fi' %}
      <span class="language-selection language-selected" > suomeksi</span>
      {% else %}
      <a id="language-fi" class="language-selection" href="http://{{ request_uri|replace({'/sv/': '/fi/', '/en/': '/fi/'}) }}"> suomeksi</a>
      {% endif %}
      {% if lang == 'sv' %}
      <span class="language-selection language-selected" > på svenska</span>
      {% else %}
      <a id="language-sv" class="language-selection" href="http://{{ request_uri|replace({'/fi/': '/sv/', '/en/': '/sv/'}) }}"> på svenska</a>
      {% endif %}
      {% if lang == 'en' %}
      <span class="language-selection language-selected" > in English</span>
      {% else %}
      <a id="language-en" class="language-selection" href="http://{{ request_uri|replace({'/fi/': '/en/', '/sv/': '/en/'}) }}"> in English</a>
      {% endif %}
    </div>
  </div>
  <div class="bottom-row row vocab-{{ vocab_id }}">
    <div class="grey-links header-bar-page-title-text collapse navbar-collapse">
    {% if vocab_id is defined %}
      {% if path_fix|length > 5 %}
      <h3><a href="{{ path_fix }}{% if vocab_id %}{{ vocab_id  }}/{% endif %}{{lang}}/">{{ vocab.title }}</a></h3>
      {% else %}
        {% if vocab.title is defined %}
        <h3>{{ vocab.title }}</h3>
        {% else %}
        <h3>{{ vocab_id|trans }}</h3>
        {% endif %}
      {% endif %}
    {% else %}{% if front_page is not defined %}<a href="{{ path_fix }}{{lang}}/">{% endif %}<h3>{% set tagline = ServiceTagline %}{{ tagline|trans }}</h3>{% if front_page is not defined %}</a>{% endif %}
    {% endif %}
    </div>
  </div>
</div>
<!-- top-bar ENDS HERE -->
